<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
   <div id="header_div">
       <!-- logo -->
       <div class="am-fl tpl-header-logo">
           <a href="javascript:;"><img src="/assets/img/logo.png" alt=""></a>
       </div>
       <!-- 右侧内容 -->
       <div class="tpl-header-fluid">
           <!-- 侧边切换 -->
           <div class="am-fl tpl-header-switch-button am-icon-list">
                    <span>

                </span>
           </div>
           <!-- 搜索 -->
           <div class="am-fl tpl-header-search">
               <form class="tpl-header-search-form" action="javascript:;">
                   <button class="tpl-header-search-btn am-icon-search"></button>
                   <input class="tpl-header-search-box" type="text" placeholder="搜索内容...">
               </form>
           </div>
           <!-- 其它功能-->
           <div class="am-fr tpl-header-navbar">
               <ul>
                   <!-- 欢迎语 -->
                   <li class="am-text-sm tpl-header-navbar-welcome">
                       <a href="javascript:;">欢迎你, <span th:text="${user.account}"></span> </a>
                   </li>


                   <!-- 新提示 -->
                   <li class="am-dropdown" data-am-dropdown>
                       <a href="javascript:;" class="am-dropdown-toggle" data-am-dropdown-toggle>
                           <i class="am-icon-bell"></i>
                           <span class="am-badge am-badge-warning am-round item-feed-badge">0</span>
                       </a>

                       <!-- 弹出列表 -->
                       <ul class="am-dropdown-content tpl-dropdown-content">
                           <li class="tpl-dropdown-menu-notifications">
                               <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                   <div class="tpl-dropdown-menu-notifications-title">
                                       <i class="am-icon-line-chart"></i>
                                       <span> 待开发。。。</span>
                                   </div>
                                   <div class="tpl-dropdown-menu-notifications-time">
                                       12分钟前
                                   </div>
                               </a>
                           </li>
                           <li class="tpl-dropdown-menu-notifications">
                               <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                   <i class="am-icon-bell"></i> 进入列表…
                               </a>
                           </li>
                       </ul>
                   </li>

                   <!-- 退出 -->
                   <li class="am-text-sm">
                       <a href="javascript:;">
                           <span class="am-icon-sign-out"></span> 退出
                       </a>
                   </li>
               </ul>
           </div>
       </div>
   </div>
</body>
</html>